var StoryList = {};
StoryList.contextpath = "";
StoryList.initPage = function(contextpath) {
	StoryList.contextpath = contextpath;

	layui.use(['table','form'], function() {
		var table = layui.table;
		var form = layui.form;
		// 第一个实例
		table.render({
			elem : '#story_list_table',
			toolbar : '#toolbarDemo'
			,
			url : '/web2019/user/ajaxQueryStoryList.action' // 数据接口
			,
			page : true // 开启分页
			, 
			where: 
			{
				storyType :$("#storyType").val()
            },
			response : {
				statusName : 'code' // 规定数据状态的字段名称，默认：code
				,
				statusCode : "0000" // 规定成功的状态码，默认：0
				,
				msgName : 'message' // 规定状态信息的字段名称，默认：msg
				,
				countName : 'total' // 规定数据总数的字段名称，默认：count
			},
			cols : [ [ // 表头
			{
				field : 'storyId',
				title : '事件编号',
				width : 100,
				sort : true,
			}, {
				field : 'storyTypeName',
				title : '类型名称',
				width : 200,
				sort : true
			}, {
				field : 'context',
				title : '内容',
				width : 500,
				sort : true
			}, {
				field : 'date',
				title : '时间',
				width : 200,
				sort : true
			}
//			, {
//				title : '操作',
//				templet : StoryList.setOperate,
//				width : 160,
//				align : 'center',
//				fixed : 'right'
//			} 
			] ]
		});
		
		form.on('select(selectChange)', function(data){ 
			var storyType= $("#storyType").val();
			StoryList.reloadTable(table,storyType);
			$("#storyType").val(storyType);
			layui.form.render('select');
		});
		
		  //监听工具条
		  table.on('tool(task_list_table_filter)', function(obj){
		    var data = obj.data;
		    if(obj.event === 'edit'){
		        layer.open({
		            type: 1
		            ,title: '修改任务'
		            ,area: ['590px', '460px']
		            ,shade: 0
		            ,maxmin: true
		            ,content: StoryList.getUpdateHtml(data)
		            ,btn: ['修改', '取消'] //只是为了演示
		            ,yes: function(){
		            	StoryList.ajaxUpdateStory();
		            }
		            ,btn2: function(){
		              layer.closeAll();
		            }
		            ,success: function(layero){
		             
		            }
		          });
		    }
		  });
	});
	
}
StoryList.setOperate=function(data){
	var btnHtml="";
	btnHtml += '<button type="button" class="layui-btn layui-btn-xs seeDetail" lay-event="edit">修改故事</button>';
	return btnHtml;
}
StoryList.getUpdateHtml= function(obj){
	var html="";
	html+='<input type="hidden" id="taskId" value="'+obj.taskId+'"/>';
	html+='<fieldset class="layui-elem-field layui-field-title"';
	html+='	style="margin-top: 20px;">';
	html+='<legend style="font-weight:200px;font-size:16px;">任务编号:'+obj.taskId+'</legend>';
	html+='</fieldset>';
	html+='<div class="layui-form-item">';
	html+='<label class="layui-form-label">任务名称</label>';
	html+='<div class="layui-input-block">';
	html+='	<input type="text" name="taskNameNew" lay-verify="taskName" value="'+obj.taskName+'" style="width:300px;"';
	html+='	autocomplete="off" placeholder="请输入任务名称" class="layui-input">';
	html+='</div>';
	html+='</div>';
	html+='<div class="layui-form-item">';
	html+='<label class="layui-form-label">任务状态</label>';
	html+='<div class="layui-input-inline">';
	html+='<select name="stateNew" id="stateNew">';
	if(obj.state=="00"){
		html+='<option value="00" selected="selected">刚建立</option>';
		html+='<option value="01">进行中</option>';
		html+='<option value="02">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.state=="01"){
		html+='<option value="01" selected="selected">进行中</option>';
		html+='<option value="02">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.state=="02"){
		html+='<option value="02" selected="selected">已完成</option>';
		html+='<option value="03">废弃</option>';
	}else if(obj.state=="03"){
		html+='<option value="03" selected="selected">废弃</option>';
	}
	html+='</select>';
	html+='</div>';
	html+='</div>';
	html+='<div class="layui-form-item">';
	html+='<div class="layui-inline">';
	html+='	<label class="layui-form-label">耗时</label>';
	html+='<div class="layui-input-inline">';
	html+='	<input type="text" name="timeNew" lay-verify="time" value="'+obj.time+'"';
	html+='		autocomplete="off" class="layui-input">';
	html+='</div>';
	html+='<label class="layui-form-label">小时</label>';
	html+='</div>';
	html+='</div>';
	html+='<div class="layui-form-item">';
	html+='<label class="layui-form-label">任务描述</label>';
	html+='<div class="layui-input-block">';
	if(obj.description==null){
		html+='<textarea id="descriptionNew" name="descriptionNew" style="width:400px;" placeholder="请输入内容" class="layui-textarea"></textarea>';	
	}else{
		html+='<textarea id="descriptionNew" name="descriptionNew" style="width:400px;" placeholder="请输入内容" class="layui-textarea">'+obj.description+'</textarea>';	
	}
	html+='</div>';
	html+='</div>';
	return html;
}

//重新加载table
StoryList.reloadTable= function(table,storyType){
	table.reload('story_list_table', {
        page: {
            curr: 1
        },
		where: 
		{
			storyType :storyType
	    }
    });
}


StoryList.ajaxUpdateStory =function(){
	var taskId =$("#taskId").val();
	var taskName =$("input[name='taskNameNew']").val(); 
	var state =$("#stateNew").val();
	var time =$("input[name='timeNew']").val();
	var description =$("#descriptionNew").val();
	$.ajax({
		type : "POST",
		url : "/web2019/project/ajaxUpdateTask.action",
		dataType : "json",
		data : {"taskId":taskId,"taskName":taskName,"state":state,"time":time,"description":description},
		success : function(data) {
			if (data.code == "0000") {
				layer.alert(data.message, { icon: 1, closeBtn: 0 }, function (index) { 
					layer.closeAll();
					layui.use(['table'], function() {
						var storyType= $("#storyType").val();
						var table = layui.table;
						StoryList.reloadTable(table,storyType);
						$("#storyType").val(storyType);
						layui.form.render('select');
					 });
				});
			} else {
				
			}
		},
		error : function(data) {
		}
	});
}
